.app {
    width: 100%;
    height: 100%;
}

// 一下svg 强制重置样式,为了解决 icn 不居中问题, 引起问题的根本原因,是部分插件中的样式冲突. 暂行解决方式
svg{vertical-align: unset;}

// 滚动条插件 格式化
::-webkit-scrollbar {
    width: 7px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgb(0 0 0 / 5%);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(144 147 153 / 30%);
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b6b7b9;
}

.permission-disabled-style {
    cursor: not-allowed !important;

    * {
        pointer-events: none !important;
    }

    .@{ant-prefix}-radio {
        &+span {
            color: rgba(0, 0, 0, 0.25) !important;
        }

        .@{ant-prefix}-radio-inner {
            background-color: #f5f5f5 !important;
            border-color: #d9d9d9 !important;
            cursor: not-allowed;
        }
    }

    .@{ant-prefix}-checkbox {
        &+span {
            color: rgba(0, 0, 0, 0.25) !important;
        }

        .@{ant-prefix}-checkbox-inner {
            background-color: #f5f5f5 !important;
            border-color: #d9d9d9 !important;
        }
    }

    .@{ant-prefix}-btn,
    .@{ant-prefix}-btn:hover,
    .@{ant-prefix}-btn:focus,
    .@{ant-prefix}-btn:active {
        color: rgba(0, 0, 0, 0.25) !important;
        border-color: #d9d9d9 !important;
        background: #f5f5f5 !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }

    &.@{ant-prefix}-switch {
        cursor: not-allowed;
        opacity: 0.4 !important;
    }

    .@{ant-prefix}-upload {
        pointer-events: auto !important;
        cursor: not-allowed !important;

        * {
            pointer-events: none !important;
        }
    }
}
